<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>我的顾客</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  <!-- 引入重置样式 -->
  <link rel="stylesheet" href="src/common/css/reset.css">
  <!-- 引入组件样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- 引入基础样式 -->
  <link rel="stylesheet" href="src/css/index/index.css">
</head>

<body>
<div id="app" v-cloak>

  <div class="shop-nav" id="meizu-header-container">
    <div class="meizu-header">
      <div class="meizu-header-wrap-1240">
        <div class="meizu-header-logo">
          <a class="meizu-header-logo-img" href="javascript:void (0)"></a>
        </div>

        <ul class="meizu-header-link" id="meizu-header-link">
          <li class="meizu-header-link-product">
            <a href="javascript:{window.location.replace('index.html')}">订单管理</a>
          </li>
          <li class="meizu-header-link-product">
            <a>商品管理</a>
          </li>
          <li class="meizu-header-link-product">
            <a>顾客管理</a>
          </li>
          <li class="meizu-header-link-product">
            <a href="javascript:{window.location.replace('producer_mgr.html')}">供应商管理</a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <el-main>
    <div style="width: 100%;">
      <div style="margin: auto;width: 50%">
        <el-input placeholder="请输入内容" v-model="input5" class="input-with-select">
          <el-button slot="append" icon="el-icon-search"></el-button>
        </el-input>
      </div>
    </div>

    <div class="meizu-button-operation">
      <el-row>
        <el-button type="primary" round size="small" @click="add">新增</el-button>
        <el-button type="warning" round size="small" @click="del('more')">批量删除</el-button>
      </el-row>
    </div>

    <el-table v-loading="loading" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55">
      </el-table-column>
      <el-table-column prop="name" label="顾客姓名/旺旺昵称">
      </el-table-column>
      <el-table-column prop="phone" label="联系电话">
      </el-table-column>
      <el-table-column prop="address" label="收件地址">
      </el-table-column>
      <el-table-column prop="note" label="备注">
      </el-table-column>
      <el-table-column label="操作">
        <template slot-scope="scope">
          <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
          <el-button size="mini" type="danger" @click="del('one' ,scope.$index, scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
  </el-main>

  <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
    <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm" label-width="80px" :model="formLabelAlign">
      <el-form-item label="昵称" prop="name">
        <el-input v-model="formLabelAlign.name"></el-input>
      </el-form-item>
      <el-form-item label="联系电话" prop=" phone">
        <el-input v-model="formLabelAlign.phone"></el-input>
      </el-form-item>
      <el-form-item label="收件地址" prop="address">
        <el-input v-model="formLabelAlign.address"></el-input>
      </el-form-item>
      <el-form-item label="备注信息" prop="note">
        <el-input v-model="formLabelAlign.note"></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button>
      </span>
  </el-dialog>
</div>
<!-- 引入组件库 -->
<script src="src/js/http/api.js"></script>
<script src="src/js/vue/vue.js"></script>
<script src="src/js/vue/index.js"></script>
<script src="src/js/vue/axios.min.js"></script>
<script src="src/js/sale/sale_customer.js"></script>
</body>

</html>